<template>
  <div>
    <!-- 
      vue中获取DOM元素
      方式一：可以是原生js的方法获取
      方式二：vue专门提供了一个方法获取，ref属性结合$refs属性
        如何使用ref属性获取标签呢？
        答：2步骤完成
          1、给目标标签添加ref属性并给名字
          2、通过$refs获取，this.$refs.ref属性的名字
      -->
    <h1 ref="myH1" >hello vue</h1>
  </div>
</template>

<script>
export default {
  // mounted是DOM挂载成功后触发的钩子函数
  mounted(){
    console.log(this.$refs.myH1);
  }
}
</script>

<style>

</style>